<%= include ic/header.html %>
<style>
#nav_news{color:#fff;}
#main{text-align:center;}
.am-slider{width:100%;max-height:500px;overflow:hidden;}
.am-slider-a1 .am-control-nav li a{background:rgba(255,255,255,0.5);}
.am-slider-a1 .am-control-nav li a.am-active{background:#fff;}
.am-list-news-default{width:1200px;margin:0 auto;text-align:left;}
.am-list-news-default .am-list .am-list-item-desced .am-list-main{padding-left:3rem;}
.am-list-news-default .am-list .am-list-item-desced{padding:3rem 0;}
.am-list>li{background:none;border:0;border-top:1px solid #aaa;}
.am-list>li:first-child{border-top:0;}
.am-list .am-list-item-desced h3{overflow:hidden;}
.am-list .am-list-item-desced h3 a{font-size:2rem;color:#000;}
.am-list-item-date{color:#aaa;}
.am-list-news-default .am-list .am-list-item-desced .am-list-item-text{color:#333;line-height:150%;margin-top:1.5em;}
.am-list-news-default .am-list .am-list-item-text{max-height:5em;-webkit-line-clamp:3}
.am-list-news-default .am-list .am-list-item-desced .am-list-item-text a{color:#333;}
</style>
<div id="main" class="am-cf">
  <% if(slides.length>0){ %>
  <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
    <ul class="am-slides">
      <% for(var i=0;i<slides.length;i++){ %>
        <li>
          	<a href="/image/detail?id=<%= slides[i].imgId %>" class="" target="_blank"><img src="/p?id=<%= slides[i].imgId %>"></a>
        </li>
      <% } %>
    </ul>
  </div>
  <% } %>
  <div data-am-widget="list_news" class="am-list-news am-list-news-default" >
  <div class="am-list-news-bd">
    <ul class="am-list">
       <!--缩略图在标题左边-->
       <% for(var i=0;i<results.length;i++){ %>
        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
          <div class="am-u-sm-3 am-list-thumb">
            <a href="/news/detail?id=<%= results[i].id %>" class="">
              <img src="/p?id=<%= results[i].get('cover').id %>&w=300" alt="<%= results[i].get('title') %>"/>
            </a>
          </div>
          <div class=" am-u-sm-7 am-list-main">
              <h3 class="am-list-item-hd">
                <a href="/news/detail?id=<%= results[i].id %>" title="<%= results[i].get('title') %>" class=""><%= results[i].get('title') %></a>
              </h3>
              <div class="am-list-item-date"><%= moment(results[i].createdAt).zone(-8).format('YYYY-MM-DD') %></div>
              <div class="am-list-item-text"><a href="/news/detail?id=<%= results[i].id %>" class=""><%= results[i].get('remark') %></a></div>
          </div>
          <div class="am-u-sm-2"></div>
        </li>
        <% } %>
      </ul>
    </div>
  </div>
</div>
<%= include ic/footer.html %>
<script type="text/javascript">
$(function() {

});
</script>
